<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定位机制</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--
   1. 相对定位的定位标准：当前元素在文本流中的位置；
   2. 发生相对定位的元素并不影响其他元素；绝对定位中，其他元素把发生绝对定位的元素视为不存在
   3. 相对定位不破坏文本流；绝对定位破坏文本流；

-->
<div class="parent">
    <div class="box box1">1</div>
    <div class="box box2">2</div>
    <div class="box box3">3</div>
    <div class="box box4">4</div>
    <div class="box box5">5</div>
</div>

</body>
</html>